@use "sass:color";
@import "../../../../style/pc/fk/theme";
@import "../../../../style/pc/fk/tippy-theme-widget";
@import "../../../button/style/fk";
.lexmis-ButtonGroup{
	position:relative;
	display:inline-flex;
	vertical-align:middle;
	&.lexmis--vertical{
		flex-direction: column;
		>.lexmis-Button{
			&:first-child:not(:last-child){
				border-bottom-left-radius:0;
				border-bottom-right-radius:0;
			}
			&:last-child:not(:first-child){
				border-top-left-radius:0;
				border-top-right-radius:0;
			}
		}
	}
	&:not(.lexmis--vertical){
		>.lexmis-Button{
			&:first-child:not(:last-child){
				border-bottom-right-radius:0;
				border-top-right-radius:0;
			}
			&:last-child:not(:first-child){
				border-bottom-left-radius:0;
				border-top-left-radius:0;
			}
		}
	}
	>.lexmis-Button:not(:first-child):not(:last-child) {
		border-radius:0;
	}
	&.lexmis--rounded{
		>.lexmis-Button{
			border-radius:$-form-widget-height / 2;
		}
	}
	&.lexmis--dropDown.lexmis--focus{
		.lexmis_arrow{
			transform:rotate(270deg) !important;
		}
	}
	&.lexmis--dropDown:not(.lexmis--split){
		padding:0;
		>.lexmis_content{
			padding-left:16px;
		}
		.lexmis_arrow{
			margin-right:5px;
			width:26px;
			transform:rotate(90deg);
			font-size:14px;
			transition:transform $-form-widget-transition;
		}
	}
	&.lexmis--dropDown.lexmis--split{
		>.lexmis_ButtonPart{
			border-right:1px solid;
			&:not(.lexmis--outline){
				border-right-color:#fff;
			}
			&:not(:hover).lexmis--outline.lexmis--default{
				border-right-color:#fff;
			}
			&.lexmis--default{
				border-right-color:$-border-color;
			}
		}
		>.lexmis_selectPart{
			padding:0;
			width:30px;
			border-left:0;
		}
		.lexmis_arrow{
			transform:rotate(90deg);
			font-size:14px;
			transition:transform $-form-widget-transition;
		}
	}
}
.lexmis_ButtonGroup_Tippy{
	vertical-align:middle;
}
.tippy-box[data-theme~='lexmis-widget']{
	.lexmis_ButtonGroup_options{
		@include tippy-option;
	}
}
